extends layout
block content
    script(src='/javascripts/dataloader.js' type='text/javascript')
    .container
        .row.well.well-lg
            .panel.panel-primary
                .panel-heading
                    h3.panel-title 过滤条件
                .panel-body
                    .form-group.form-inline.col-md-6
                        label.col-md-2.control-label(for='inputSegment') 单词片段
                        .col-md-10
                            input#inputSegment.form-control(type='text', placeholder='模糊查询')
                    .form-group.form-inline.col-md-6
                        label.col-md-2.control-label 所属范围
                        .checkbox.col-md-10
                            label
                                input(type='checkbox',checked='',value='1',name='scales')
                                |  小学&nbsp;
                            label
                                input(type='checkbox',checked='',value='2',name='scales')
                                |  初中&nbsp;
                            label
                                input(type='checkbox',checked='',value='3',name='scales')
                                |  高中&nbsp;
                            label
                                input(type='checkbox',checked='',value='0',name='scales')
                                |  未定义&nbsp;
        .row.well.well-lg
            .panel.panel-primary
                .panel-heading
                    h3.panel-title 词汇表
                .panel-body
                    table.table.table-striped.table-hover(style='margin-top:20px;')
                        thead
                            tr.info
                                th.text-primary(width='5%') #
                                th(width='15%') 单词
                                th(width='20%') 音标
                                th(width='15%') 解释
                                th(width='15%') 词性
                                th(width='15%') 所属范围
                                th(width='5%') 编辑
                        tbody#tableData
                    .pager.col-sm-12
                        ul.pager
                            li(style='opacity:0.8')
                                button#newWordBtn.btn.btn-primary.btn-fab(title='添加') +
                            li#prevPage.previous
                                a(href='javascript:void(0)') ← 上一页
                            li#nextPage.next
                                a.withripple(href='javascript:void(0)')
                                    | 下一页 →
                                    .ripple-container
        #editModal.modal.fade
            .modal-dialog
                .modal-content
                    .modal-header
                        button.close(type='button',data-dismiss='modal',aria-hidden='true') x
                        .modal-title#editTitle(style='text-align:center;font-size:16px') 编辑词库
                    .modal-body(style='padding-top:15px;padding-bottom:0')
                        h5 基本信息
                        .form-inline
                            .form-group.col-sm-6.no-margin
                                label.control-label 单词&nbsp;&nbsp;
                                    input#wordInfo.form-control(disabled='',required='')
                            .form-group.col-sm-6.no-margin
                                label.control-label.col-sm-12 大纲范围&nbsp;&nbsp;
                                    select#scaleInfo.form-control(style='width:100%')
                                        option(value='0',selected='') 未定义
                                        option(value='1',selected='') 小学
                                        option(value='2',selected='') 初中
                                        option(value='3',selected='') 高中
                            .form-group.col-sm-6.no-margin
                                label.control-label 默认音标&nbsp;&nbsp;
                                    input#phoneticInfo.form-control(required='')
                            .form-group.col-sm-6.no-margin
                                label.control-label 概要解释&nbsp;&nbsp;
                                    input#outlineInfo.form-control(required='')
                            .form-group.col-sm-6.no-margin
                                label.control-label 美式音标&nbsp;&nbsp;
                                    input#usPhoneticInfo.form-control
                            .form-group.col-sm-6.no-margin
                                label.control-label 英式音标&nbsp;&nbsp;
                                    input#ukPhoneticInfo.form-control
                            .col-sm-12.no-padding
                                h5 详细释义
                                .form-inline#explainsInfo

                    .modal-footer(style='padding:15px;text-align:center')
                        button.btn.btn-warning(type='button', data-dismiss='modal') 取消
                        button#saveChanges.btn.btn-primary(type='button') 保存
        .toast-container